<template>
    <div>
        <!-- 底部 -->
        <div class="footer">
            <div class="footer_content container">
            <div class="footer_top">
                <div class="footer_nav">
                <div class="footer_nav_list">
                    <div class="title">常见问题</div>
                    <div>
                        <a v-for="(item,index) in siteInfo.footer_nav.footer_question" :key="index" href="##">{{item.title}}</a>
                    <!-- <a href="./help.html">账号问题</a>
                    <a href="">我要认证</a>
                    <a href="">我要授权</a>
                    <a href="">交易指南</a>
                    <a href="">在线下单</a> -->
                    </div>
                </div>
                <div class="footer_nav_list">
                    <div class="title">购买订单</div>
                    <div>
                        <a v-for="(item,index) in siteInfo.footer_nav.footer_buy" :key="index" href="##">{{item.title}}</a>
                        <!-- <a href="">订单状态</a>
                        <a href="">退款申请</a>
                        <a href="">分单功能</a>
                        <a href="">订单类型</a>
                        <a href="">发票管理</a> -->
                    </div>
                </div>
                <div class="footer_nav_list">
                    <div class="title">物流快递</div>
                    <div>
                        <a v-for="(item,index) in siteInfo.footer_nav.footer_logisticsy" :key="index" href="##">{{item.title}}</a>
                    <!-- <a href="">快递发货</a>
                    <a href="">物流跟踪</a> -->
                    </div>
                </div>
                <div class="footer_nav_list">
                    <div class="title">地址管理</div>
                    <div>
                        <a v-for="(item,index) in siteInfo.footer_nav.footer_address" :key="index" href="##">{{item.title}}</a>
                    <!-- <a href="">选择地址</a>
                    <a href="">添加地址</a>
                    <a href="">地址管理</a> -->
                    </div>
                </div>
                <div class="footer_nav_list">
                    <div class="title">关于我们</div>
                    <div>
                        <a v-for="(item,index) in siteInfo.footer_nav.footer_abouts" :key="index" href="##">{{item.title}}</a>
                        <!-- <a href="">企业文化</a>
                        <a href="">发展历程</a>
                        <a href="">荣誉资质</a> -->
                    </div>
                </div>
                </div>
                <div class="footer_connect">
                <div class="server_connect">服务热线</div>
                <div class="server_phone">{{ siteInfo.site_hotline }}</div>
                <div class="network_icon">

                    <div v-for="(item,index) in siteInfo.footer_item" :key="index" class="item">
                        <a href="##"><img :src="item.logo" /></a>
                        <!-- <a :href="item.website"><img :src="item.logo" /></a> -->
                    </div>

                    <!-- <div class="item">
                    <a href=""><img src="@/assets/images/weixin.png" /></a>
                    </div>
                    <div class="item">
                    <a href=""><img src="@/assets/images/douyin.png" /></a>
                    </div>
                    <div class="item">
                    <a href=""><img src="@/assets/images/toutiao.png" /></a>
                    </div>
                    <div class="item">
                    <a href=""><img src="@/assets/images/weibo.png" /></a>
                    </div> -->
                </div>
                </div>
            </div>
            <div class="footer_bottom">
                <div class="footer_copyright">
                Copyright © 2002-2023 {{ siteInfo.site_name }}. All Rights
                Reserved. {{ siteInfo.site_beian }}.
                </div>
                <div class="footer_other_info">
                <a href="">友情链接</a><span></span> <a href="">法律声明</a
                ><span></span> <a href="">联系我们</a><span></span>
                <a href="">网站地图</a>
                </div>
            </div>
            </div>
        </div>
        <!-- 底部结束 -->
        <!-- 右侧在线客服 -->
        <OnlineService></OnlineService>
    </div>
</template>

<script>
export default {

    computed:{
      siteInfo(){
        return this.$store.state.site
      }
    },
    methods:{
        

    }
};
</script>

<style scoped>
/* Footer component styles (if needed) */
</style>
